<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>
        数据 - AdminLTE2定制版 | Log in</title>


    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- Theme style -->
    <!-- iCheck -->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <script src="./plugins/jQuery/jquery-2.2.3.min.js"></script>

  <![endif]-->
    <link rel="stylesheet" href="./plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="./plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="./plugins/iCheck/square/blue.css">

</head>

<body class="hold-transition register-page">
    <div class="register-box">
        <div class="register-logo">

            <a href="index.jsp"><b>数据</b>后台管理系统</a>

        </div>

        <div class="register-box-body">
            <p class="login-box-msg">修改密码</p>

            <form action="${pageContext.request.contextPath}/updatePasswordServlet" method="post">
<%--                <div class="form-group has-feedback">--%>
<%--                    <input type="text" class="form-control" placeholder="全名">--%>
<%--                    <span class="glyphicon glyphicon-user form-control-feedback"></span>--%>
<%--                </div>--%>
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" placeholder="请输入旧密码" name="opassword">
                    <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                    <font color="red">${ch_error}</font>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" placeholder="请输入密码" name="npassword">
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" placeholder="请确认密码" name="enpassword">
                    <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
                </div>


                <div class="row" align="ceter">
<%--                    <div class="col-xs-8">--%>
<%--                        <div class="checkbox icheck">--%>
<%--                            <label>--%>
<%--              <input type="checkbox" id="rexText"> 我同意 <a href="#">协议</a>--%>
<%--                            </label>--%>
<%--                        </div>--%>
<%--                    </div>--%>
                    <!-- /.col -->
                    <div class="col-xs-4">
                        <button type="submit" class="btn btn-primary btn-block btn-flat"   id="rexBtn">确定</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>

<%--            <div class="social-auth-links text-center">--%>
<%--                <p>- 或者 -</p>--%>
<%--                <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-qq"></i> 腾讯QQ用户登录</a>--%>
<%--                <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-weixin"></i> 微信用户登录</a>--%>
<%--            </div>--%>

<%--            <a href="login.jsp" class="text-center">我有账号，现在就去登录</a>--%>
<%--            <br>--%>
<%--            ${re_error}--%>
<%--            即为这个简写${pageContext.request.getAttribute("re_error")}--%>
        </div>
        <!-- /.form-box -->
    </div>
    <!-- /.register-box -->

    <!-- jQuery 2.2.3 -->
    <!-- Bootstrap 3.3.6 -->
    <!-- iCheck -->
    <script src="./plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="./plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="./plugins/iCheck/icheck.min.js"></script>
    <script>
        // $(function() {
        //     var regBtn = $("#rexBtn");
        //     $("#rexText").change(function(){
        //         var that = $(this);
        //         that.prop("checked",that.prop("checked"));
        //         if(that.prop("checked")){
        //             regBtn.prop("disabled",false)
        //         }else{
        //             regBtn.prop("disabled",true)
        //         }
        //     });
        //     //使用icheck做出的样式要根据icheck更改选中
        //     $('input').iCheck({
        //         checkboxClass: 'icheckbox_square-blue',
        //         radioClass: 'iradio_square-blue',
        //         increaseArea: '20%' // optional
        //     });
        //     $('input').on('ifChecked', function(event){
        //         regBtn.prop("disabled",false)
        //     })
        //     $('input').on('ifUnchecked', function(event){
        //         regBtn.prop("disabled",true)
        //     })
        // });
    </script>

</body>

</html>